<!DOCTYPE html>  
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN"> 
<head> 
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>拍卖活动记录</title>
	<!-- 常规css -->
    <link th:href="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
    <!-- 项目css -->
    <link th:href="@{css/layout.css}" rel="stylesheet" />
</head> 
<body th:with="asort=${#httpServletRequest.getParameter('sort')}, aorder=${#httpServletRequest.getParameter('order')}, num=${data.num}, pageIndex=${data.pageIndex}">
	<!-- 侧边导航栏 -->
	<div th:replace="aframe::sideNavigation"></div>
	
	<!-- 主页面 -->
	<div class="content" style="padding:0">
		<!-- 顶部导航栏 -->
		<div th:replace="aframe::topNavigation"></div>
		<!-- 内容 -->

		<!-- 标签页内容 -->
		<div role="tabpanel" class="tab-pane active" id="history" style="margin:20px">
			<div class="panel panel-default" >
				<div class="panel-heading">
					<h4>拍卖活动记录&nbsp;&nbsp;</h4>
				</div>
				<div class="panel-body table-responsive">
					<table class="table table-hover">
						<thead>
						<tr>
							<th>编号</th>
							<th>商品ID</th>
							<th>商品名</th>
							<th>起价</th>
							<th>底价</th>
							<th>当前价格</th>
							<th>单次降幅</th>
							<th>降价周期</th>
							<th>开始时间</th>
							<th>结束时间</th>
							<th>购买人昵称</th>
							<th>订单编号</th>
							<th>成交时间</th>
						</tr>
						</thead>
						<tbody>
						<tr th:each="auction: ${data.list}">
							<th scope="row" th:text="${auction?.auctionId}">编号</th>
							<td th:text="${auction?.goodsId}">商品ID</td>
							<td th:text="${auction?.goodsName}">商品名</td>
							<td th:text="${auction?.auctionOriginPrice}">起价</td>
							<td th:text="${auction?.auctionBottomPrice}">底价</td>
							<td th:text="${auction?.auctionNowPrice}">当前价格</td>
							<td th:text="${auction?.auctionPricespan}+'元'">单次降幅</td>
							<td th:text="${auction?.auctionTimespan}+'分钟'">降价周期</td>
							<td th:text="${#dates.format(auction?.auctionBeginTime, 'yy-MM-dd HH:mm')}">开始时间</td>
							<td th:text="${#dates.format(auction?.auctionEndTime, 'yy-MM-dd HH:mm')}">结束时间</td>
							<td th:text="${auction?.wxUserId} ? ${auction?.nickname} : '暂无'">购买人昵称</td>
							<td th:text="${auction?.ordersId} ? ${auction?.ordersId} : '暂无'">订单编号</td>
							<td th:text="${auction?.buyTime} ? ${#dates.format(auction?.buyTime, 'yy-MM-dd HH:mm')} : '未成交'">成交时间</td>
						</tr>
						</tbody>
					</table>

					<!-- 分页组件 -->
					<nav aria-label="Page navigation" th:fragment="pagingBar">
						<ul class="pagination">
							<!-- 上一页 -->
							<li>
								<a th:href="@{${#httpServletRequest.requestURL}(sort=${asort},order=${aorder},pageIndex=${data.pageIndex}-1,num=${data.num},totalPages=${data.totalPages})}" aria-label="Previous" th:if="${1 ne data.pageIndex}">
									<span aria-hidden="true">上一页</span>
								</a>
								<a href="#" th:if="${1 eq data.pageIndex}" style="color: #888888;pointer-events: none;">
									<span aria-hidden="true">上一页</span>
								</a>
							</li>
							<!-- 中间页 -->
							<li th:if="${data.totalPages>0}" th:each="pageIdx:${#numbers.sequence(1, data.totalPages)}">
								<a th:href="@{${#httpServletRequest.requestURL}(sort=${asort},order=${aorder},pageIndex=${pageIdx},num=${data.num},totalPages=${data.totalPages})}" th:text="${pageIdx}" th:if="${pageIdx ne data.pageIndex}"></a>
								<a href="#" th:text="${pageIdx}" th:if="${pageIdx eq data.pageIndex}" th:style="'font-weight:bold;background: #6faed9;pointer-events: none;'"></a>
							</li>
							<li th:if="${data.totalPages==0}">
								<a href="#" th:text="${1}" th:style="'font-weight:bold;background: #6faed9;pointer-events: none;'"></a>
							</li>
							<!-- 下一页 -->
							<li th:if="${data.totalPages>0}">
								<a th:href="@{${#httpServletRequest.requestURL}(sort=${asort},order=${aorder},pageIndex=${data.pageIndex}+1,num=${data.num},totalPages=${data.totalPages})}" aria-label="Next" th:if="${data.totalPages ne data.pageIndex}">
									<span aria-hidden="true">下一页</span>
								</a>
								<a href="#" th:if="${data.totalPages eq data.pageIndex}" style="color: #888888;pointer-events: none;">
									<span aria-hidden="true">下一页</span>
								</a>
							</li>
							<li th:if="${data.totalPages==0}">
								<a href="#" style="color: #888888;pointer-events: none;">
									<span aria-hidden="true">下一页</span>
								</a>
							</li>
						</ul>
					</nav>

				</div>
			</div>
		</div>
	</div>
		<!-- end 内容 -->
	<!-- end 主页面 -->



	<!-- 模态框: 修改密码 -->
	<div th:replace="aframe::modifyPwd"></div>


<!-- 常规js -->
<script th:src="@{js/jquery-3.4.1.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>
<!-- 模板js -->
<script th:replace="aframe::js-highlight"></script>
<!-- 项目js -->
<script th:src="@{js/md5.js}"></script>
<script th:src="@{js/setpwd.js}"></script>
<!-- 页面js -->


</body>
</html> 

